.foot {
	position                    : fixed;  /*  absolute  relative  */
	bottom                      : 30px;
	width                       : 100%;
	height                      : auto;
}
.foot-bar {
	position                    : fixed;  /*  absolute  relative  */
	bottom                      : 20px;
	width                       : 100%;
	height                      : 50px;
	background-color            : #ffffff;
}
.foot-dbar {
	position                    : fixed;  /*  absolute  relative  */
	bottom                      : 20px;
	width                       : 100%;
	height                      : 90px;
	background-color            : #ffffff;
}
.foot .bd {
	box-sizing                  : border-box;
	height                      : 100%;
	padding-bottom              : 55px;
	overflow                    : auto;
	-webkit-overflow-scrolling  : touch;
}
.foot .bd .item {
	display                     : none;
}
.foot .tabbar {
	display                     : -webkit-box;
	display                     : -webkit-flex;
	display                     : -ms-flexbox;
	display                     : flex;
	position                    : absolute;
	bottom                      : 0;
	width                       : 100%;
	background-color            : #f7f7fa;
}
.foot .tabbar:before {
	content                     : " ";
	position                    : absolute;
	left                        : 0;
	top                         : 0;
	width                       : 100%;
	height                      : 1px;
	border-top                  : 1px solid #979797;
	color                       : #979797;
	-webkit-transform-origin    : 0 0;
			transform-origin    : 0 0;
	-webkit-transform           : scaleY(0.5);
	        transform           : scaleY(0.5);
}
.foot .tabbar .item {
	display                     : block;
	-webkit-box-flex            : 1;
	-webkit-flex                : 1;
	    -ms-flex                : 1;
			flex                : 1;
	padding                     : 7px 0 0;
	-webkit-tap-highlight-color : transparent;
}
.foot .tabbar .icon {
	margin                      : 0 auto;
	width                       : 24px;
	height                      : 24px;
}
.foot .tabbar .icon img {
	display                     : block;
	width                       : 100%;
	height                      : 100%;
}
.foot .tabbar .icon + .foot .tabbar .label {
	margin-top                  : 5px;
}
.foot .tabbar .label {
	text-align                  : center;
	color                       : #888;
	font-size                   : 12px;
}
.foot .tabbar .item_on .label {
	color                       : #0099e8;
}
.foot .info {
	bottom                      : 10%;
	width                       : 100%;
	height                      : auto;
	position                    : absolute;
}
.foot .info p {
	height                      : 25px;
	color                       : #9D9DA3;
	font-size                   : 18px !important;
}
.foot .line {
	width                       : 100%;
	height                      : auto;
}